<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>CC音乐-千万正版音乐海量无损曲库新歌热歌天天畅听的高品质音乐平台！</title>
<jsp:include page="headLink.jsp"></jsp:include>

</head>
<body>
	<!-- import player list -->
	<jsp:include page="playit.jsp"></jsp:include>

	<div class="lyear-layout-container">
		<!--导航栏-->
		<header class="lyear-layout-header">
		<div class="header-container">
			<div class="header-top">
				<a href="homePage.jsp" class="logo"></a>
				<nav class="header-nav">
				<ul>
					<li><a href="#" class="header-nav__cur">音乐馆</a></li>
					<li><a href="personal.jsp" target="">我的音乐</a></li>
				</ul>
				</nav>
				<div class="header-search">
					<input type="text" id="searchmusic" class="szh_text"
						placeholder="搜索" onkeypress="if(event.keyCode==13)searchMusic()">
					<!--  <div class="btn"><i class="icon-sprite"></i></div>-->
					<!--搜索框结果-->
					<div class="result">
						<a href="#" class="result-item"> <span class="rank">1</span> <span
							class="title">默</span> <span class="num">3.4万</span>
						</a> <a href="#" class="result-item"> <span class="rank">2</span>
							<span class="title">侧田</span> <span class="num">3.4万</span>
						</a> <a href="#" class="result-item"> <span class="rank">3</span>
							<span class="title">让我留在你身边</span> <span class="num">3.4万</span>
						</a> <a href="#" class="result-item"> <span class="rank">4</span>
							<span class="title">皮皮虾我们走</span> <span class="num">3.4万</span>
						</a> <a href="#" class="result-item"> <span class="rank">5</span>
							<span class="title">欢乐好声音</span> <span class="num">3.4万</span>
						</a>
						<div class="history">
							<span>搜索历史</span> <i class="icon-sprite"></i>
						</div>
					</div>
				</div>
				<ul class="topbar-right  login-mod">
					<li class="dropdown dropdown-profile show-login">
						<div class="header-login">
							<a href="#" class="login btn-login" id="register">登录</a> <a
								href="#" class="login bnt-register" id="register2">注册</a>
						</div>
					</li>
					<li class="dropdown dropdown-profile show-profile"
						style="display: none;"><a href="javascript:void(0)"
						data-toggle="dropdown"> <img
							class="img-avatar img-avatar-48 m-r-10"
							src="images/headPhoto1.jpg" alt="灰质"> <span id="myname"><span
								class="caret"></span></span>
					</a>
						<ul class="dropdown-menu dropdown-menu-right">
							<li><a href="userInfo.jsp"><i class="mdi mdi-account"></i>
									个人信息</a></li>
							<li><a href="#" data-toggle="modal" data-target="#updatepwd"><i
									class="mdi mdi-lock-outline"></i> 修改密码</a></li>
							<li class="divider"></li>
							<li><a href="../loginOutServlet"><i
									class="mdi mdi-logout-variant"></i> 退出登录</a></li>
						</ul></li>
				</ul>
			</div>
			<!--<ul class="header-subNav">
						<li>
							<a href="#" class="subNav-cur">首页</a>
						</li>
						<li>
							<a href="#newSong">歌手</a>
						</li>
						<li>
							<a href="#rank">排行榜</a>
						</li>
						<li>
							<a href="classMusic.html" target="_blank">分类歌单</a>
						</li>
					</ul>-->
		</div>
		</header>

		<!-- 新歌首发 -->
		<div class="main" id="newSong">
			<div class="main-inner">
				<div class="main-title">
					<h2 class="title">
						<i></i>
					</h2>
					<span class="line line-left"></span> <span class="line line-right"></span>
				</div>
				<div class="main-slider tab-cont">
					<ul class="slider-wrapper" id="top_music">
						<li><a href="#" class="img playit" id=""> <img
								src="images/def-corver.png" alt="#"> <span class="mask"></span>
								<i class="icon-play"></i>
						</a>
							<div class="info">
								<div class="title">
									<a href="javascript:void(0)">Coffee Music</a>
								</div>
								<br />
								<p id="author">CCMusic</p>
								<!-- <a href="#mv" class="downloada">音乐下载（请先登录后下载）</a> -->
								<!-- <a href="#" class="author">陆平</a> -->
							</div></li>


						<li><a href="#" class="img  playit"> <img
								src="images/def-corver.png" alt="#"> <span class="mask"></span>
								<i class="icon-play"></i>
						</a>
							<div class="info">
								<div class="title">
									<a href="javascript:void(0)">Coffee Music</a>
								</div>
								<br />
								<p id="author">CCMusic</p>
								<!-- <a href="#mv" class="downloada">音乐下载（请先登录后下载）</a> -->
							</div></li>
						<li><a href="#" class="img playit"> <img
								src="images/def-corver.png" alt="#"> <span class="mask"></span>
								<i class="icon-play"></i>
						</a>
							<div class="info">
								<div class="title">
									<a href="javascript:void(0)">Coffee Music</a>
								</div>
								<br />
								<p id="author">CCMusic</p>
								<!-- <a href="#mv" class="downloada">音乐下载（请先登录后下载）</a> -->
							</div></li>
						<li><a href="#" class="img  playit"> <img
								src="images/def-corver.png" alt="#"> <span class="mask"></span>
								<i class="icon-play"></i>
						</a>
							<div class="info">
								<div class="title">
									<a href="javascript:void(0)">Coffee Music</a>
								</div>
								<br />
								<p id="author">CCMusic</p>
							</div></li>

						<!-- <div class="slider-btns"> -->
						<!-- <span class="cur"><i></i></span> -->
						<!-- <span><i></i></span> -->
					</ul>
				</div>
			</div>
		</div>
		<!-- <div class="main-operate">
				<a href="javascript:;" class="slider-prev"><i
					class="icon-sprite"></i></a> <a href="javascript:;" class="slider-next"><i
					class="icon-sprite"></i></a>
			</div> -->


	</div>



	<!-- 精彩推荐 -->
	<div class="main" id="recommend">
		<div class="main-inner">
			<div class="main-title">
				<h2 class="title">
					<i></i>
				</h2>
				<span class="line line-left"></span> <span class="line line-right"></span>
			</div>

			<div class="" id="imgdiv" style="margin-left: 60px">
				<a href="#" class=""><img src="" alt="#"></a>

			</div>

		</div>
		<div class="main-operate">
			<!--  <a href="#" class="slider-prev"><i class="icon-sprite"></i></a> <a
					href="#" class="slider-next"><i class="icon-sprite"></i></a>-->
		</div>
	</div>

	<!-- 排行榜 -->
	<div class="main" id="rank">
		<div class="main-inner">
			<div class="main-title">
				<h2 class="title">
					<i></i>
				</h2>
				<span class="line line-left"></span> <span class="line line-right"></span>
			</div>
			<a href="rkList.html" target="_blank" class="readAll">全部<i
				class="icon-sprite"></i></a>
			<ul class="rank-list">
				<li class="rank-list__item rank-list__1"><a href=""></a><span
					class="rank-bg"></span> <span class="mask top_mask"></span> <i
					class="icon-play"></i>
					<div class="title">
						<div class="sandy" style="height: 160px">
							<i class="toplist__line"></i>
							<h3>飙升</h3>
						</div>

						<div id="top_new"></div>
						<div class="descriptions" style='text-align: left;'></div>
					</div></li>
				<li class="rank-list__item rank-list__2"><span class="rank-bg"></span>
					<span class="mask  top_mask"></span> <i class="icon-play"></i>
					<div class="title">
						<div class="sandy" style="height: 160px">
							<i class="toplist__line"></i>
							<h3>热歌</h3>
						</div>
						<div id="top_hot"></div>
						<div class="descriptions"></div>
					</div></li>
				<li class="rank-list__item rank-list__3"><span class="rank-bg"></span>
					<span class="mask top_mask"></span> <i class="icon-play"></i>
					<div class="title">
						<div class="sandy" style="height: 160px">
							<i class="toplist__line"></i>
							<h3>ACG</h3>
						</div>
						<div id="top_acg"></div>
						<div class="descriptions"></div>
					</div></li>
				<li class="rank-list__item rank-list__4"><span class="rank-bg"></span>
					<span class="mask top_mask"></span> <i class="icon-play"></i>
					<div class="title">
						<div class="sandy" style="height: 160px">
							<a href="javascript:void(0)"><i class="toplist__line"></i>
								<h3>原创</h3></a>
						</div>
						<div id="top_origin"></div>
						<div class="descriptions"></div>
					</div></li>
			</ul>
		</div>
	</div>

	<!-- 热门歌单 -->
	<div class="main" id="hotSong">
		<div class="main-inner">
			<div class="main-title">
				<h2 class="title">
					<i></i>
				</h2>
				<span class="line line-left"></span> <span class="line line-right"></span>
			</div>
			<div class="main-slider">
				<ul class="slider-wrapper" id="hot_music">
					<li><a href="javascript:void(0)" class="img list_mask"> <img
							src="images/def-corver.png" alt="#"> <span class="mask"></span>
							<i class="icon-play"></i>
					</a>
						<div class="info">
							<div class='descript'>
								<div class='creator'></div>
								<div class='list_descript'></div>
							</div>
						</div></li>
					<li><a href="javascript:void(0)" class="img list_mask"> <img
							src="images/def-corver.png" alt="#"> <span class="mask"></span>
							<i class="icon-play"></i>
					</a>
						<div class="info">

							<div class='descript'>
								<div class='creator'></div>
								<div class='list_descript'></div>
							</div>
						</div></li>
					<li><a href="javascript:void(0)" class="img list_mask"> <img
							src="images/def-corver.png" alt="#"> <span class="mask"></span>
							<i class="icon-play"></i>
					</a>
						<div class="info">
							<div class='descript'>
								<div class='creator'></div>
								<div class='list_descript'></div>
							</div>
						</div></li>
					<li><a href="javascript:void(0)" class="img list_mask"> <img
							src="images/def-corver.png" alt="#"> <span class="mask"></span>
							<i class="icon-play"></i>
					</a>
						<div class="info">

							<div class='descript'>
								<div class='creator'></div>
								<div class='list_descript'></div>
							</div>
						</div></li>
					<li><a href="javascript:void(0)" class="img list_mask"> <img
							src="images/def-corver.png" alt="#"> <span class="mask"></span>
							<i class="icon-play"></i>
					</a>
						<div class="info">
							<div class='descript'>
								<div class='creator'></div>
								<div class='list_descript'></div>
							</div>
						</div></li>
					<li><a href="javascript:void(0)" class="img  list_mask"> <img
							src="images/def-corver.png" alt="#"> <span class="mask"></span>
							<i class="icon-play"></i>
					</a>
						<div class="info">

							<div class='descript'>
								<div class='creator'></div>
								<div class='list_descript'></div>
							</div>
						</div></li>
					<li><a href="javascript:void(0)" class="img list_mask"> <img
							src="images/def-corver.png" alt="#"> <span class="mask"></span>
							<i class="icon-play"></i>
					</a>
						<div class="info">
							<div class='descript'>
								<div class='creator'></div>
								<div class='list_descript'></div>
							</div>
						</div></li>
					<li><a href="javascript:void(0)" class="img list_mask"> <img
							src="images/def-corver.png" alt="#"> <span class="mask"></span>
							<i class="icon-play"></i>
					</a>
						<div class="info">

							<div class='descript'>
								<div class='creator'></div>
								<div class='list_descript'></div>
							</div>
						</div></li>
					<li><a href="javascript:void(0)" class="img list_mask"> <img
							src="images/def-corver.png" alt="#"> <span class="mask"></span>
							<i class="icon-play"></i>
					</a>
						<div class="info">
							<div class='descript'>
								<div class='creator'></div>
								<div class='list_descript'></div>
							</div>
						</div></li>
					<li><a href="javascript:void(0)" class="img list_mask"> <img
							src="images/def-corver.png" alt="#"> <span class="mask"></span>
							<i class="icon-play"></i>
					</a>
						<div class="info">

							<div class='descript'>
								<div class='creator'></div>
								<div class='list_descript'></div>
							</div>
						</div></li>
					<li><a href="javascript:void(0)" class="img list_mask"> <img
							src="images/def-corver.png" alt="#"> <span class="mask"></span>
							<i class="icon-play"></i>
					</a>
						<div class="info">
							<div class='descript'>
								<div class='creator'></div>
								<div class='list_descript'></div>
							</div>
						</div></li>
					<li><a href="javascript:void(0)" class="img list_mask"> <img
							src="images/def-corver.png" alt="#"> <span class="mask"></span>
							<i class="icon-play"></i>
					</a>
						<div class="info">

							<div class='descript'>
								<div class='creator'></div>
								<div class='list_descript'></div>
							</div>
						</div></li>
				</ul>
				<div class="slider-btns">
					<span class="cur"><i></i></span> <span><i></i></span> <span><i></i></span>
				</div>

			</div>
		</div>
		<div class="main-operate">
			<a href="javascript:;" class="slider-prev"><i class="icon-sprite"></i></a>
			<a href="javascript:;" class="slider-next"><i class="icon-sprite"></i></a>
		</div>
	</div>

	</div>

	<!--
	作者：offline
	时间：2019-03-26
	描述：
			<div class="main" id="mv">
			<div class="main-inner">
				<div class="main-title" style="text-align: center;">
					<h2 class="title"><i></i></h2>
					<span class="line line-left"></span>
					<span class="line line-right"></span>

					<input class="myinput" type="text" name="" placeholder="用户名" />
					<input class="myinput" type="text" name="" placeholder="密码" />
					<div class="header-login" style="float: none;">
						<a href="#" class="open-green">登录</a>
					</div>
				</div>

				<div></div>

			</div>
		</div>

-->


	<!-- footer -->
	<footer class="footer">
	<div class="footer-copyright">
		<p>华夏咖啡（厦门）文化传媒有限公司 版权所有 闽ICP备15041666号</p>
		<p>电话：555-666-6789 地址：福建省思明区观日路2号1幢2层1189室</p>
	</div>
	</footer>

	<!-- 分享到 -->
	<ul class="slider-share">
		<li><a href="#"> <i class="icon-sprite icon-add"></i> 添加到 <i
				class="icon-sprite icon-arrow"></i>
		</a></li>
		<li><a href="#"> <i class="icon-sprite icon-share"></i> 分享 <i
				class="icon-sprite icon-arrow"></i>
		</a></li>
		<li><a href="#"> <i class="icon-sprite icon-download"></i> 下载
		</a></li>
	</ul>

	<div class='maskk'></div>
	<div class="register">
		<h1 class="title">用户登入</h1>
		<input class="myinput" type="text" style="margin-left: 125px;" name=""
			placeholder="用户名" id="uname"> <input type="text"
			style="border: 0px; background: rgba(0, 0, 0, 0); margin-left: 125px; color: red"
			id="CheckMsg" disabled="disabled" class="msg" value=""> <input
			class="myinput" type="password" style="margin-left: 125px;" name=""
			placeholder="密码" id="pwd">
		<div class="header-login" style="float: left; margin-left: 190px;">
			<a href="javascript:void(0)" id="playReg" class="open-green">登入</a>

		</div>
		<div class="header-login" style="float: left;">
			<a href="javascript:void(0)" id="playOut" class="open-green">取消</a>

		</div>
	</div>

	<div class='maskk2'></div>
	<!-- cyf用户注册 -->
	<div class="register2">
		<form action="" method="post" id="zcform">
			<h1 class="title">用户注册</h1>
			<input class="myinput" type="text" style="margin-left: 125px;"
				name="uname" id="uname2" placeholder="用户名(必填)"> <input
				class="myinput" type="password" style="margin-left: 125px;"
				name="pwd" id="pwd2" placeholder="密码(必填)"> <br> <input
				class="myinput" type="text" style="margin-left: 125px;" name="tel"
				id="tel" placeholder="电话"> <input class="myinput"
				type="text" style="margin-left: 125px;" name="birthday"
				id="birthday" placeholder="出生日期"><br> <label
				class="lyear-radio radio-primary m-t-10"
				style="width: 100px; margin-left: 200px"> <input
				class="myradio" type="radio" name="usex" value="男" checked="checked">
				<span>男</span>
			</label> <label class="lyear-radio radio-primary m-t-10"> <input
				class="myradio" type="radio" name="usex" value="女"> <span>女</span>
			</label> <br>
			<!--  <input class="myinput" type="text" style="margin-left: 125px;" name="" placeholder="确认密码"> -->
			<input type="button" id="btnzc" value="注册" class="btn btn-danger"
				style="height: 45px; width: 120px; margin-left: 170px"> <input
				type="button" id="btnqx" value="取消" class="btn btn-danger"
				style="height: 45px; width: 120px; margin-left: 50px">
			<!--<div class="header-login" style="float: left;margin-left: 185px;"> <a href="javascript:void(0)" id="playReg2" class="open-green">完成注册</a></div>-->
			<!-- <div class="header-login" style="float: left;"> <a href="" id="playReg2" class="open-green">取消注册</a></div>-->
		</form>
	</div>
	<!-- 修改密码模态框   wwb -->
	<div class="modal fade" id="updatepwd" tabindex="-1" role="dialog"
		aria-labelledby="updatepwd">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="exampleModalLabel">密码修改</h4>
				</div>
				<div class="modal-body">
					<form>
						<div class="form-group">
							<label for="user-name" class="control-label">原密码：</label> <input
								type="password" class="form-control" id="updatepwd1"
								placeholder="请输旧密码...">
						</div>

						<div class="form-group">
							<label for="user-pwd" class="control-label">新密码：</label> <input
								type="password" class="form-control" id="updatepwd2"
								placeholder="请输新密码...">
						</div>

						<div class="form-group">
							<label for="user-pwd" class="control-label">再次新密码：</label> <input
								type="password" class="form-control" id="updatepwd3"
								placeholder="请再次输入新密码...">
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
					<button type="button" class="btn btn-primary" id="btn_update">确认修改</button>
				</div>
			</div>
		</div>
	</div>
	<!-- 用户注册结束 -->
	<!--
	作者：offline
	时间：2019-03-26
	描述：
	  <div class='maskk'></div>
  <div class="register">
  	<h1 class="title">用户登入</h1>
  	<input class="myinput" type="text" style="margin-left: 125px;" name="" placeholder="用户名">
  	<input class="myinput" type="text" style="margin-left: 125px;" name="" placeholder="密码">
  	<input class="myinput" type="text" style="margin-left: 125px;" name="" placeholder="确认密码">
  	 <div class="header-login" style="float: none;margin-left: 255px;"> <a href="javascript:void(0)" id="playReg" class="open-green">完成注册</a></div>
  </div>
-->
	<!--<script src="js/jquery.min.js"></script>-->
	<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<!--<script type="text/javascript" src="js/perfect-scrollbar.min.js"></script>-->
	<!--<script type="text/javascript" src="js/main.min.js"></script>-->
	<script src="js/script.js"></script>
	<script src="layui/layui.js" charset="utf-8"></script>
	<script src="js/bootstrap-notify.min.js"></script>
	<script type="text/javascript" src="js/lightyear.js"></script>
	<script src="js/homePage.js" charset="utf-8"></script>

	<!-- cyf用户在输入框搜索音乐的方法 -->
	<script type="text/javascript">
		function searchMusic() {
			//console.log($("#searchmusic").val());
			if (($("#searchmusic").val()) == "developers://aboutus") {
				window.open("../team/index.html");
				return;
			}
			window.open("searchListTest.jsp?search=" + $("#searchmusic").val());
		}
	</script>
	<!-- cyf用户在输入框搜索音乐的方法结束 -->

	<!-- cyf用户注册ajax请求和接受数据方法 -->
	<script type="text/javascript">
		$(document).ready(function() {
			$("#btnzc").click(function() {

				$.ajax({
					type : "post",
					url : "../ZhuCeServlet",
					data : {
						op : "zhuce",
						uname : $("#uname2").val(),
						pwd : $("#pwd2").val(),
						usex : $("input[type='radio']:checked").val(),
						tel : $("#tel").val(),
						birthday : $("#birthday").val()
					},
					dataType : "json",
					success : function(data) {
						if (data.msg == "增加成功") {
							alert(data.msg);
							$(".maskk2").css("display", "none");
							$(".register2").css("display", "none");
							$("#zcform")[0].reset();
						} else {
							alert(data.msg);
							$("#zcform")[0].reset();
						}

					}
				})

			})
			$("#btnqx").click(function() {

				$(".maskk2").css("display", "none");
				$(".register2").css("display", "none");
				$("#zcform")[0].reset();

			})

		})
	</script>
	<!-- cyf用户注册ajax请求和接受数据方法结束 -->



	<script type="text/javascript">
		//kl出品
		$(function() {
			//点击取消按钮关闭弹窗
			$("#playOut").click(function() {
				$(".register").css("display", "none");
				$(".maskk").css("display", "none");

			})
			//等于session验证及保存
			$(function() {
				$("document").ready(function() {
					var flag = ${sessionScope.user != null};
					if (flag) {
						$(".show-login").hide();
						var myname = $("#myname");
						myname.text("${sessionScope.user.uname}");
						$(".show-profile").show();
					}
				})
			})
			//登录栏账号失焦事件
			$("#uname").blur(
					function() {
						$.get("../qtlogin", "op=check&uname="
								+ $("#uname").val(),
								function(data, status, xhr) {
									if (data.msg == "该用户不存在") {
										$("#uname").css('border-color', 'red');
										$("#CheckMsg").val(data.msg);
										$("#pwd").attr("disabled", "disabled")
									} else {
										$("#uname").css('border-color', '');
										$("#CheckMsg").val("");
										$("#pwd").removeAttr("disabled");
									}
								})
					})
			//		home登录按钮的点击事件
			$("#playReg").click(
					function() {

						$.get("../qtlogin",
								"op=login&uname=" + $("#uname").val() + "&pwd="
										+ $("#pwd").val(), function(data) {
									if (data.msg == "密码错误") {
										layui.use([ 'layer', 'form' ],
												function() {
													var layer = layui.layer
													layer.alert(data.msg, {
														icon : 2,
														skin : 'layer-ext-moon'
													})
													history.back();
													$("#pwd").val("");
												})

									} else if (data.msg == "请输入账号密码") {
										layui.use([ 'layer', 'form' ],
												function() {
													var layer = layui.layer
													layer.alert(data.msg, {
														icon : 5,
														skin : 'layer-ext-moon'
													})
												})
									} else {
										window.location.reload();
									}
								});
					});
		});
	</script>
	<script type="text/javascript">
		//新歌榜单top音乐
		$(function() {
			setTop4new();
			//排行榜
			setTop(3, $("#top_new"), 0);
			setTop(1, $("#top_hot"), 1);
			setTop(22, $("#top_acg"), 2);
			setTop(2, $("#top_origin"), 3);
			setTop4hot();
		});
	</script>
	<!-- 设置轮播，还待改善-->
	<script type="text/javascript">
		$(function() {
			$("#imgdiv a").attr("class", "item item-pic1");
			$("#imgdiv a img").attr("src", "images/cont/carousel_img1.jpg");
			var tid = 1;
			setInterval(function() {
				if (tid > 6) {
					tid = 1;
					lunbo(tid);
				} else {
					lunbo(tid);
					tid++;

				}
			}, 2000);

			function lunbo(id) {

				$("#imgdiv a").attr("class", "item item-pic" + id);
				$("#imgdiv a img").attr("src",
						"images/cont/carousel_img" + id + ".jpg");
			}

		});
	</script>


	<script type="text/javascript">
	<!-- 修改密码功能，校验输入的旧密码是否与session中的密码相同  --wwb -->
		$(function() {
			$("#updatepwd1").blur(function() {
				var upwd = "";
				var flag = $
				{
					sessionScope.user != null
				}
				;
				if (flag) {
					$("#updatepwd2").removeAttr("readonly");
					$("#updatepwd3").removeAttr("readonly");
					var oldpwd = $("#updatepwd1").val();
					var upwd = $
					{
						sessionScope.user.pwd
					}
					console.log(upwd);
					if (oldpwd != upwd) {
						layui.use([ 'layer', 'form' ], function() {
							var layer = layui.layer
							layer.alert("密码错误", {
								icon : 2,
								skin : 'layer-ext-moon'
							})
						})
						$("#updatepwd2").attr("readonly", true);
						$("#updatepwd3").attr("readonly", true);

					}
				}
			});
			// 修改密码功能，再次输入密码与新密码比较   wwb 				
			$("#updatepwd3").blur(function() {
				$("#btn_update").attr("disabled", false);
				var newpwd = $("#updatepwd2").val();
				var renewpwd = $("#updatepwd3").val();
				if (renewpwd != newpwd) {
					layui.use([ 'layer', 'form' ], function() {
						var layer = layui.layer
						layer.alert("密码不一致", {
							icon : 2,
							skin : 'layer-ext-moon'
						})
					})
					$("#btn_update").attr("disabled", true);
				}

			});

			//修改密码功能，确认修改按钮事件   wwb
			$("#btn_update").click(function() {
				var oldpwd = $("#updatepwd1").val();
				var newpwd = $("#updatepwd2").val();
				var renewpwd = $("#updatepwd3").val();
				var uid = $
				{
					sessionScope.user.uid
				}
				//console.log(uid);
				$.ajax({
					type : "post",
					url : "../ZhuCeServlet?op=updatePwd",
					data : {
						"oldpwd" : oldpwd,
						"newpwd" : newpwd,
						"uid" : uid
					},
					success : function(data) {
						if (data.msg == "修改成功") {
							layui.use([ 'layer', 'form' ], function() {
								var layer = layui.layer;
								layer.alert("修改成功，请重新登入", {
									icon : 2,
									skin : 'layer-ext-moon',
									time : 5000
								})

							})
							window.location.href = "../loginOutServlet";
						}
					}

				});
			});

		});
	</script>
</body>
</html>